<!-- \templates\home.html
1. block title  : 显示博客网站的标题名称
2. block body    : 显示博客的页面内容
3. block home/tools_box/contest/ranking/blog  : 显示当前在哪个页面上 , 在那个页面中显示就在哪个块中使用 "box active"
>  实现导航栏高亮效果










 -->
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        {% block title %}

        	    学生练习数据管理平台
        {% endblock %}
    </title>
    <link rel="stylesheet" href="{{ url_for('static', filename='CSS/style.css') }}">
    <script src="{{ url_for('static', filename='js/npm_chart.js') }}"></script>

</head>
<body>

<div class="container">
    <div class="header">
        <div id="head_png">
            <img src="{{ url_for('static', filename='img/icon/头标.svg') }}" alt="None">
        </div>
        <button class="menu" id="home">
            <span class={% block home %}
            	"box"
            {% endblock %}  id="user">
                <img src="{{ url_for('static', filename='img/icon/首页.svg') }}" alt="None"><br>
                首页
            </span>
        </button>
        <button class="menu" id="blog">
            <span class={% block blog %}
            	"box"
            {% endblock %} >
                <img src="{{ url_for('static', filename='img/icon/博客.svg') }}" alt="None"><br>
                博客
            </span>
        </button>
        <button class="menu" id="tools_box">
            <span class={% block tools_box %}
            	"box"
            {% endblock %} >
                <img src="{{ url_for('static', filename='img/icon/工具箱.svg') }}" alt="None"><br>
                工具箱
            </span>
        </button>
        <button class="menu" id="contest">
            <span class={% block contest %}
            	"box"
            {% endblock %} >
                <img src="{{ url_for('static', filename='img/icon/比赛.svg') }}" alt="None"><br>
                比赛
            </span>
        </button>
        <button class="menu" id="ranking">
            <span class={% block ranking %}
            	"box"
            {% endblock %} >
                <img src="{{ url_for('static', filename='img/icon/排名.svg') }}" alt="None"><br>
                排名
            </span>
        </button>
        <!-- From Uiverse.io by garerim -->
        <div class="container-input">
            <input type="text" placeholder="Search" name="text" class="input">
            <svg fill="#000000" width="20px" height="20px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
                <path d="M790.588 1468.235c-373.722 0-677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723 0 677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647 677.647Zm596.781-160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176 354.748 1226.428 0 790.588 0S0 354.748 0 790.588s354.748 790.588 790.588 790.588c197.647 0 378.24-73.411 516.932-193.807l516.028 516.142 79.963-79.963-516.142-516.028Z" fill-rule="evenodd"></path>
            </svg>
        </div>
        <button class="dropdown" id="head_svg">
            <div class="logo">
                <p>姓名：张三</p>
                <p>职业：学生练习分析员</p>
                <p>邮箱：zhangsan@example.com</p>
            </div>
        </button>
    </div>

   {% block body %}

    <div class="bottom">
        我们的网站
    </div>
 {% endblock %}
</div>

<script src="{{ url_for('static', filename='js/home_base.js') }}"></script>
</body>
</html>

